<template>
	<view class="contact">
		<image class="img" src="http://www.itcast.cn/2018czydz/images/gywmban.jpg"></image>
		<view class="info">
			<view @click="phone">联系电话：17547673089 ( 点击拨打 )</view>
			<view>地址：吉林省长春市南关区卫星路盛华小区</view>
		</view>
		<map class="map" :longitude="longitude" :scale="scale" :latitude="latitude" :markers="markers"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				longitude: 125.34088,
				latitude: 43.84117 ,
				scale: 15,
				markers:[
					{
						id:1,
						longitude: 125.34088,
						latitude: 43.84117 ,
						iconPath: 'https://img0.baidu.com/it/u=1336754710,1402075807&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
						width: 30,
						height: 30
					}
				]
			}
		},
		methods: {
			phone() {
				uni.makePhoneCall({
					phoneNumber: '17547673089'
				})
			}
		}
	}
</script>

<style lang="scss">
.contact{
	.img{
		width: 750rpx;
		height: 320rpx;
	}
	.info{
		padding: 10rpx 20rpx;
		font-size: 30rpx;
		view{
			line-height: 80rpx;
			border-bottom: 1px solid #eee;
		}
	}
	
	.map{
		width: 750rpx;
		height: 750rpx;
	}
}
</style>
